<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../lib/mui/css/mui.min.css">
    <link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/less" href="../less/cat.less">
    <script src="../lib/less/less.js"></script>
</head>
<style>
    body{
        background-color: white;
    }
    .mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{
        left: 0px;
    }
    .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
        position: absolute;
        top: 50px;
        right: 20px;
    }
    .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{
     color: red;
    }
    .mui-input-row label {
        font-family: 'Helvetica Neue',Helvetica,sans-serif;
        line-height: 6.1;}
</style>
<body>
<div class="wx_contaner">
    <div class="cat_header">
        <span class="mui-icon mui-icon-back right_wenzi"></span>
        购物车
        <a href="#">编辑 </a>
    </div>
    <div class="cat_contain">
    <div class="mui-input-row mui-checkbox  mui-left">
        <input name="checkbox1" value="Item 1" type="checkbox" checked  class="infoxz">
        <span class="catimg"><img src="../images/indexxie.png"></span>
        <a>  <span>Air Jordan 11 Retro</span>
            <p>复刻男子运动鞋</p>
            <p>颜色:深蓝 尺码42</p>
            <p>¥1599</p>
            <div id="jiafa">+</div><div id="shuzu">1</div><div id="jianfa">_</div>
        </a>
    </div>

</div>
    <div class="cat_contain">
        <div class="mui-input-row mui-checkbox  mui-left">
            <input name="checkbox1" value="Item 1" type="checkbox" checked  class="infoxz">
            <span class="catimg"><img src="../images/indexxie.png"></span>
            <a>  <span>Air Jordan 11 Retro</span>
                <p>复刻男子运动鞋</p>
                <p>颜色:深蓝 尺码42</p>
                ¥<p>1599</p>
            </a>
        </div>
        <div class="carbox"></div>

    </div>
    <div class="cat_contain">
        <div class="mui-input-row mui-checkbox  mui-left">
            <input name="checkbox1" value="Item 1" type="checkbox" checked >
            <span class="catimg"><img src="../images/indexxie.png"></span>
            <a>  <span>Air Jordan 11 Retro</span>
                <p>复刻男子运动鞋</p>
                <p>颜色:深蓝 尺码42</p>
                <p>¥1599</p>

            </a>
        </div>
    </div>
    <div class="catfooer">
        <div class="mui-input-row mui-checkbox hhei">
            <input name="checkbox1" value="Item 1" type="checkbox" checked class="fors">
            <label>全选</label>
        </div>
        <span>总计：</span>
        <input type="submit" value="提交" style="border: 1px solid red">
    </div>
</div>
</body>
</html>
<script src="../lib/mui/js/mui.js"></script>
<script src="../lib/zepto/zepto.min.js"></script>
<script src="../js/cat.js"></script>


